/*
 * Component: Navs
 * --------------
 */
.nav-stacked.nav-info {
  background-color: @bg-default;
  > li > a {
    .border-radius(0);
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
  }
  > li.active > a,
  > li.active > a:hover {
    background: transparent;
    color: #444;
    border-top: 0;
    border-left-color: @light-blue;
  }

  > li.header {
    border-bottom: 1px solid #ddd;
    color: #777;
    margin-bottom: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
  }
}

.navbar-custom-menu.navbar-custom-menu-fusion {
  a {
    background-color: @light-blue !important;
  }
  a:hover {
    background-color: @blue-gray !important;
  }
}

.nav-fusion() {
  border: 1px solid @border-color;
  background-color: @light-gray;
  .bg-linear-gradient();
  > li {
    padding: 6px 0px;
    cursor: pointer;
    color: #4b5d6e;
    font-size: @font-size + 2;
    height: 45px;
    line-height: 31px;
    //border-left: 1px solid @light-gray;
    //border-right: 1px solid @light-gray;
    //border-top: 1px solid @border-color;
    //border-bottom: 1px solid @border-color;
    border:0;
    margin: -1px 0px;
    > div {
      @media (min-width: @screen-md-min) {
        padding: 0 15px;
      }
      @media (min-width: @screen-lg-min) {
        padding: 0 30px;
      }
      //padding: 0 30px;
      border-left: 1px solid #a9a9a9;
    }
  }
  > li:first-child {
    border-left: 1px solid @border-color;
  }

  > li.active div,
  > li:first-child > div,
  > li.active + li div,
  > li:hover div,
  > li:hover + li div {
    border-left: 1px solid @light-gray;
  }
  > li.active {
    border: 1px solid #a9a9a9;
    background: -webkit-radial-gradient(#ffffff, #fefefe, #f1f1f1, #dfdfdf); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#ffffff, #fefefe, #f1f1f1, #dfdfdf); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#ffffff, #fefefe, #f1f1f1, #dfdfdf); /* Firefox 3.6 - 15 */
    background: radial-gradient(#ffffff, #fefefe, #f1f1f1, #dfdfdf);
  }
  > li.active + li:hover,
  > li:hover + li.active {
    border-left: 1px solid @light-gray;
  }
  > li:hover {
    border: 1px solid #a9a9a9;
    background: -webkit-radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb); /* Firefox 3.6 - 15 */
    background: radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb);
  }

  > li {
    margin-bottom: 0px;
  }

}

.nav-tabs.nav-fusion {
  .nav-fusion();
}

.nav-tabs-custom.nav-fusion {
  margin-bottom: 10px;
  > ul {
    .nav-fusion();
  }
  .tab-content {
    background-color: @bg-default;
  }
}

.nav-tabs-custom.nav-fusion2 {
  > ul {
    border: 1px solid @border-color;
    background-color: @light-gray;
    > li {
      padding: 6px 0px;
      cursor: pointer;
      color: #4b5d6e;
      font-size: @font-size + 2;
      height: 45px;
      line-height: 31px;
      //border-left: 1px solid @light-gray;
      //border-right: 1px solid @light-gray;
      //border-top: 1px solid @border-color;
      //border-bottom: 0px solid @border-color;
      border:0;
      margin: -1px 0px;
      > div {
        @media (min-width: @screen-md-min) {
          padding: 0 15px;
        }
        @media (min-width: @screen-lg-min) {
          padding: 0 30px;
        }
        //padding: 0 30px;
        border-left: 1px solid #a9a9a9;
      }
    }
    > li:first-child {
      border-left: 1px solid @border-color;
    }

    > li.active div,
    > li:first-child > div,
    > li.active + li div,
    > li:hover div,
    > li:hover + li div {
      border-left: 1px solid @light-gray;
    }
    > li.active {
      border: 1px solid #a9a9a9;
      background: #fefefe; /* Safari 5.1 - 6.0 */
      background: #fefefe; /* Opera 11.6 - 12.0 */
      background: #fefefe; /* Firefox 3.6 - 15 */
      background: #fefefe;
    }
    > li.active + li:hover,
    > li:hover + li.active {
      border-left: 1px solid @light-gray;
    }
    > li:hover {
      border: 1px solid #a9a9a9;
      background: -webkit-radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb); /* Safari 5.1 - 6.0 */
      background: -o-radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb); /* Opera 11.6 - 12.0 */
      background: -moz-radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb); /* Firefox 3.6 - 15 */
      background: radial-gradient(#e3e3e3, #e3e3e3, #e3e3e3, #ebebeb);
    }

    > li {
      margin-bottom: 0px;
    }
  }
}